<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>（自适应手机版）响应式艺考培训类网站织梦模板 HTML5艺术培训机构网站源码下载</title>
<meta name="description" content="（自适应手机版）响应式艺考培训类网站织梦模板 HTML5艺术培训机构网站源码下载 - 合肥秀站网络科技有限公司" />
<meta name="keywords" content="艺术培训网站源码,艺考培训织梦模板" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="/skin/css/bootstrap.min.css" rel="stylesheet">
<link href="/skin/css/swiper-3.3.1.min.css" rel="stylesheet" />
<link href="/skin/css/animate.css" rel="stylesheet">
<link href="/skin/css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
    <script src="/skin/js/html5shiv.min.js"></script>
    <script src="/skin/js/respond.min.js"></script>
    <![endif]-->
<script src="/skin/js/jquery-1.11.3.js" type="text/javascript"></script>
<script src="/skin/js/jquery.superslide.2.1.1.js" type="text/javascript"></script>
<script src="/skin/js/swiper-3.3.1.jquery.min.js" type="text/javascript"></script>
<script src="/skin/js/swiper.min.js" type="text/javascript"></script>
<script src="/skin/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/skin/js/f1a9446e33a1412bb070853bd699a7ed.js"></script>
<script src="/skin/js/wow.min.js" type="text/javascript"></script>
<script src="/skin/js/funtion.js" type="text/javascript"></script>
</head>
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
<div id="wrap_index"> <!-- 侧边导航 -->

<div class="left_nav page-prev visible-xs">
  <h1 class="class-top">快速导航<span class="class-close">×</span></h1>
  <div class="class-m">
    <ul class="nnav">
      <li><a href="/" class="ce">网站首页</a></li>
      <li class="menu_head">
        <dl class="ericon">
          
        </dl>
        <a  href="/a/about/" class="ce">关于我们</a>
        <ul class="menu_body">
          
        </ul>
      </li><li class="menu_head">
        <dl class="ericon">
           <span class="icon1">-</span><span class="icon2">+</span> 
        </dl>
        <a href="javascript:;" class="ce" href="/a/news/" class="ce">新闻动态</a>
        <ul class="menu_body">
          
          <li><a href="/a/news/gsxw/" class="er">公司新闻</a></li>
          
          <li><a href="/a/news/hyxw/" class="er">行业新闻</a></li>
          
        </ul>
      </li><li class="menu_head">
        <dl class="ericon">
           <span class="icon1">-</span><span class="icon2">+</span> 
        </dl>
        <a href="javascript:;" class="ce" href="/a/kecheng/" class="ce">课程介绍</a>
        <ul class="menu_body">
          
          <li><a href="/a/meishu/" class="er">美术课程</a></li>
          
          <li><a href="/a/yinyue/" class="er">音乐课程</a></li>
          
          <li><a href="/a/qiyue/" class="er">器乐课程</a></li>
          
          <li><a href="/a/wudao/" class="er">舞蹈课程</a></li>
          
        </ul>
      </li><li class="menu_head">
        <dl class="ericon">
          
        </dl>
        <a  href="/a/mingshi/" class="ce">名师风采</a>
        <ul class="menu_body">
          
        </ul>
      </li><li class="menu_head">
        <dl class="ericon">
          
        </dl>
        <a  href="/a/contact/" class="ce">联系我们</a>
        <ul class="menu_body">
          
        </ul>
      </li>
    </ul>
  </div>
</div>
<div class="opacity2"></div>

<!-- pc首页头部 -->
<div id="header" class="head hidden-xs">
  <div class="container">
    <div class="logo col-lg-4 col-md-4 col-sm-4"> <a href="/"><img src="/skin/images/logo.png"></a> </div>
    <div class="nav navbar-nav nav_box col-lg-8 col-md-8 col-sm-8">
      <div class='yiji col-lg-2 col-md-2 col-sm-2'><a href="/" class="one">网站首页</a></div>
      
      <div class="yiji col-lg-2 col-md-2 col-sm-2"><a href="/a/about/" class="one">关于我们</a></div>
      
      <div class="yiji col-lg-2 col-md-2 col-sm-2"><a href="/a/news/" class="one">新闻动态</a></div>
      
      <div class="yiji col-lg-2 col-md-2 col-sm-2"><a href="/a/kecheng/" class="one">课程介绍</a></div>
      
      <div class="yiji col-lg-2 col-md-2 col-sm-2"><a href="/a/mingshi/" class="one">名师风采</a></div>
      
      <div class="yiji col-lg-2 col-md-2 col-sm-2"><a href="/a/contact/" class="one">联系我们</a></div>
       </div>
  </div>
</div>
<!-- 手机头部 -->
<div id="molheader" class="index_head visible-xs pr">
  <div class="mol_logo"><img src="/skin/images/logo.png" class="logomol"></div>
  <div class="mol_navbutton pa"><img src="/skin/images/nav_btn.png"></div>
</div>

  <div id="banner" class="bannH pr">
    <div class="swiper-container  mobBanner">
      <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/uploads/180823/1-1PR3160201E4.jpg"> </div>
<div class="swiper-slide"> <img src="/uploads/180823/1-1PR3155S0W6.jpg"> </div>
 </div>
    </div>
    <div class="pagination"></div>
    <div class="banner_bt pa"></div>
  </div>
  <div id="main"> <div class="container">
      <div class="main_kc box">
        <div class="title"><a href="/a/kecheng/"><span></span>
          <h1>课程介绍</h1>
          </a></div>
        <!-- pc课程介绍 -->
        <div id="kecheng" class="hidden-xs fadeInUp wow">
          <div id="myCarousel" class="carousel slide"> 
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
              <div class="item active">
                <ul class="kclist">
                  
                  <li class="col-md-3 col-sm-3 col-xs-3"><a href="/a/meishu/">
                    <div class="kc_icon"><img src="/skin/images/k1.png"></div>
                    <p>美术课程</p>
                    </a></li>
                  
                  <li class="col-md-3 col-sm-3 col-xs-3"><a href="/a/yinyue/">
                    <div class="kc_icon"><img src="/skin/images/k2.png"></div>
                    <p>音乐课程</p>
                    </a></li>
                  
                  <li class="col-md-3 col-sm-3 col-xs-3"><a href="/a/qiyue/">
                    <div class="kc_icon"><img src="/skin/images/k3.png"></div>
                    <p>器乐课程</p>
                    </a></li>
                  
                  <li class="col-md-3 col-sm-3 col-xs-3"><a href="/a/wudao/">
                    <div class="kc_icon"><img src="/skin/images/k4.png"></div>
                    <p>舞蹈课程</p>
                    </a></li>
                  
                </ul>
              </div>
            </div>
            <a class="carousel-control left s-prev" href="#myCarousel" data-slide="prev">&lt;</a> <a class="carousel-control right s-next" href="#myCarousel" data-slide="next">&gt;</a> </div>
          <div class="more tc fadeInUp wow"><a href="/a/kecheng/">查看更多</a></div>
        </div>
        <!-- mol课程介绍 -->
        <div id="mol_kecheng" class="visible-xs">
          <div class="swiper-container swiper-kc">
            <ul class="swiper-wrapper partner-img">
              
              <li class="swiper-slide"><a href="/a/meishu/">
                <div class="pimg"><img src="/skin/images/k1.png"/></div>
                <p>美术课程</p>
                </a></li>
              
              <li class="swiper-slide"><a href="/a/yinyue/">
                <div class="pimg"><img src="/skin/images/k2.png"/></div>
                <p>音乐课程</p>
                </a></li>
              
              <li class="swiper-slide"><a href="/a/qiyue/">
                <div class="pimg"><img src="/skin/images/k3.png"/></div>
                <p>器乐课程</p>
                </a></li>
              
              <li class="swiper-slide"><a href="/a/wudao/">
                <div class="pimg"><img src="/skin/images/k4.png"/></div>
                <p>舞蹈课程</p>
                </a></li>
              
            </ul>
          </div>
          <div class="swiper-button-prev">&lt;</div>
          <div class="swiper-button-next">&gt;</div>
          <div class="more tc fadeInUp wow"><a href="/a/kecheng/">查看更多</a></div>
        </div>
      </div>
    </div>
    <div class="main_teach box">
      <div class="container">
        <div class="title"><a href="/a/mingshi/"><span></span>
          <h1>名师风采</h1>
          </a></div>
        <div class="slide_pro">
          <div class="bd col-md-5 col-sm-5 col-xs-12 fadeInLeft wow"> <div class="detil">
              <div class="pro1"> <a href="/a/mingshi/3.html"><img src="/uploads/allimg/180726/1-1PH6162Ta11.jpg"></a> </div>
              <dd><span>名师风采一</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/4.html"><img src="/uploads/allimg/180726/1-1PH6162914638.jpg"></a> </div>
              <dd><span>名师风采二</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/40.html"><img src="/uploads/allimg/180726/1-1PH6162941463.jpg"></a> </div>
              <dd><span>名师风采三</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/41.html"><img src="/uploads/allimg/180726/1-1PH6163004H1.jpg"></a> </div>
              <dd><span>名师风采四</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/42.html"><img src="/uploads/allimg/180726/1-1PH616302a21.jpg"></a> </div>
              <dd><span>名师风采五</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/43.html"><img src="/uploads/allimg/180726/1-1PH6163152550.jpg"></a> </div>
              <dd><span>名师风采七</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/44.html"><img src="/uploads/allimg/180726/1-1PH6163524425.jpg"></a> </div>
              <dd><span>名师风采八</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/45.html"><img src="/uploads/allimg/180726/1-1PH61632451R.jpg"></a> </div>
              <dd><span>名师风采九</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/46.html"><img src="/uploads/allimg/180726/1-1PH6163219505.jpg"></a> </div>
              <dd><span>名师风采十</span></dd>
            </div>
<div class="detil">
              <div class="pro1"> <a href="/a/mingshi/60.html"><img src="/uploads/allimg/180726/1-1PZ5093530643.jpg"></a> </div>
              <dd><span>名师风采六</span></dd>
            </div>
 </div>
          <div class="hd col-md-7 col-sm-7 col-xs-12 fadeInRight wow">
            <div class="swiper-container pro_point">
              <div class="swiper-wrapper"> <div class='swiper-slide point on'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6162Ta11.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6162914638.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6162941463.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6163004H1.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH616302a21.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6163152550.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6163524425.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH61632451R.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PH6163219505.jpg"></div>
                </div>
<div class='swiper-slide point'>
                  <div class="i_img"><img src="/uploads/allimg/180726/1-1PZ5093530643.jpg"></div>
                </div>
 </div>
              <!-- Add Arrows -->
              <div class="swiper-button-next s-prev">&gt;</div>
              <div class="swiper-button-prev s-next">&lt;</div>
            </div>
          </div>
        </div>
        <div class="more tc fadeInUp wow"><a href="/a/mingshi/">查看更多</a></div>
      </div>
    </div>
    <div class="container">
      <div class="main_new box">
        <div class="title"><a href="/a/news/"><span></span>
          <h1>新闻动态</h1>
          </a></div>
        <div class="newlist">
        <ul>
          <li>
            <div class="new_l wow col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a href="/a/news/gsxw/26.html"><img src="/uploads/180912/1-1P912163122311.jpg">
              <div class="newimg_more pa"><span>查看详情</span></div>
              </a>
              <div class="line pa"></div>
            </div>
            <div class="new_r wow col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="new_textbox">
                <div class="new_time fl"><span>2018</span>11.25</div>
                <div class="new_text"
                    
                
                
                
                <dd><a href="/a/news/gsxw/26.html">建网站需要什么 你需要知道这些</a></dd>
                <dt>随着互联网时代的来临，人们目前的工作和生活都是离不开网络的。在网络社会当中网站是其中的一个不可缺少的环节，目前...</dt>
              </div>
            </div>
          
          </div>
          </li>
<li>
            <div class="new_l wow col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a href="/a/news/gsxw/27.html"><img src="/uploads/180912/1-1P912163106159.jpg">
              <div class="newimg_more pa"><span>查看详情</span></div>
              </a>
              <div class="line pa"></div>
            </div>
            <div class="new_r wow col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="new_textbox">
                <div class="new_time fl"><span>2018</span>10.24</div>
                <div class="new_text"
                    
                
                
                
                <dd><a href="/a/news/gsxw/27.html">网站建设公司网站策划需要考虑到哪些</a></dd>
                <dt>建立一个属于自己的企业网站简单吗？每一个程序员肯定说看似简单实则麻烦，单单企业网站策划方案的确定就需要长时间的...</dt>
              </div>
            </div>
          
          </div>
          </li>
<li>
            <div class="new_l wow col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a href="/a/news/gsxw/28.html"><img src="/uploads/180912/1-1P91216304bV.jpg">
              <div class="newimg_more pa"><span>查看详情</span></div>
              </a>
              <div class="line pa"></div>
            </div>
            <div class="new_r wow col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="new_textbox">
                <div class="new_time fl"><span>2018</span>10.24</div>
                <div class="new_text"
                    
                
                
                
                <dd><a href="/a/news/gsxw/28.html">网站维护对于企业来说具有哪些重要性</a></dd>
                <dt>企业在网站建设成功之后并不是大功告成了，旗鱼科技成功建设网站只是第一步，最重要的就是需要合理的进行维护和优化只...</dt>
              </div>
            </div>
          
          </div>
          </li>
<li>
            <div class="new_l wow col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a href="/a/news/hyxw/67.html"><img src="/uploads/181024/1-1Q0241G211630.jpg">
              <div class="newimg_more pa"><span>查看详情</span></div>
              </a>
              <div class="line pa"></div>
            </div>
            <div class="new_r wow col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="new_textbox">
                <div class="new_time fl"><span>2018</span>10.24</div>
                <div class="new_text"
                    
                
                
                
                <dd><a href="/a/news/hyxw/67.html">怎么能才能成功的获得域名</a></dd>
                <dt>当前国内的互联网发展的十分迅速，越来越多的人在创建和推广自己的网站，对于需要创业的人来说，拥有自己的网站是基本...</dt>
              </div>
            </div>
          
          </div>
          </li>
<li>
            <div class="new_l wow col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a href="/a/news/hyxw/65.html"><img src="/uploads/181024/1-1Q0241G242401.jpg">
              <div class="newimg_more pa"><span>查看详情</span></div>
              </a>
              <div class="line pa"></div>
            </div>
            <div class="new_r wow col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="new_textbox">
                <div class="new_time fl"><span>2018</span>10.24</div>
                <div class="new_text"
                    
                
                
                
                <dd><a href="/a/news/hyxw/65.html">外贸营销型网站的功能设计要点</a></dd>
                <dt>随着国际贸易渠道的下沉，做外贸再也不是寻常人无法企及的营销方式了，也正是在样的条件影响下，营销型网站基本上都被...</dt>
              </div>
            </div>
          
          </div>
          </li>

        </ul>
      </div>
      <div class="more tc fadeInUp wow"><a href="/a/news/">查看更多</a></div>
    </div>
  </div>
  <div class="main_contact box">
    <div class="container"> <div class="title"><a href="/a/contact/"><span></span>
        <h1>联系我们</h1>
        </a></div>
      <div class="contact_box fadeInUp wow">
        <div class="contact_l col-md-6 col-sm-6 col-xs-12">
          <ul>
            <li><img src="/skin/images/i7.png">
              <p>手机：13588888888</p>
            </li>
            <li><img src="/skin/images/i8.png">
              <p>邮箱：12346568@qq.com</p>
            </li>
            <li><img src="/skin/images/i9.png">
              <p>电话：020-88888888</p>
            </li>
            <li><img src="/skin/images/i10.png">
              <p>传真：020-11111111</p>
            </li>
            <li><img src="/skin/images/i11.png">
              <p>地址：安徽省合肥市高新区创业园</p>
            </li>
          </ul>
        </div>
        <div class="contact_r col-md-6 col-sm-6 col-xs-12">
          <div style="width:100%;height:210px;border:#ccc solid 1px;font-size:12px" id="map"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="footer" class="hidden-xs">
  <div class="container">
    <div class="links">友情链接：   <a href='http://www.xiuzhanwang.net' target='_blank'>网站建设</a>     <a href='http://www.xiuzhanwang.com/' target='_blank'>织梦模板</a>    <a href="http://www.xiuzhanwang.com/" target="_blank" >织梦模板</a> <a href="http://www.xiuzhanwang.net/" target="_blank" >网站建设</a> <a 

href="https://www.xiuzhanyun.com/" target="_blank" >免备案主机</a></div>
    <div class="copy tc hidden-xs">Copyright &copy; 合肥秀站网络科技有限公司 版权所有 <a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a>  </div>
  </div>
</div>
<div class="mol_foot visible-xs">Copyright &copy; 合肥秀站网络科技有限公司 版权所有 <a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a> </div>
<div class="mol_botnav pf col-xs-12 visible-xs"> <a href="/"><i><img src="/skin/images/fi1.png"></i>首页</a> <a href="javascript:;" class="mol_navbutton"><i><img src="/skin/images/fi2.png"></i>菜单</a> <a href="/a/contact/"><i><img src="/skin/images/fi3.png"></i>联系</a> <a href="tel:020-88888888"><i><img src="/skin/images/fi4.png"></i>电话</a> </div>
</div>

<script>
$(document).ready(function(){
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("map");//在百度地图容器中创建一个地图
        var point = new BMap.Point(118.799799,32.07917);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
    var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(ctrl_nav);
       
        //向地图中添加比例尺控件
    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
    map.addControl(ctrl_sca);
    }
    
    
    initMap();//创建和初始化地图
});

</script>
</body>
</html>